<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <script src="./utils/flexible.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/base.css"></link>
    <link rel="stylesheet" type="text/css" href="./css/index.css"></link>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    
    


</head>
<body>

    <header>
        <img src="./assets/images/header_logo.png" alt="">
        <img src="./assets/images/header_app.png" alt="">
    </header>
    <div class="search">
        <input type="text" placeholder="请输入你想比价的产品">
        <button>搜索</button>
    </div>

    <div class="menu">
        <ul>
            <li id="search">
                <a href="./pages/search.html">
                <img src="./assets/images/ic_search.png"  alt="">
                比价搜索
            </a>
            </li >
            <li id="save">
                <a href="./pages/save.html">
                <img src="./assets/images/ic_cu.png" alt="">
                省钱控
            </a>
            </li>
            <li id="domestic">
                <a href="./pages/domestic.html">
               <img src="./assets/images/ic_coudanpin.png" alt="">
                国内折扣
            </a>
            </li>
            <li id="bcj">
                <a href="./pages/bcPrice.html">
                <img src="./assets/images/ic_bcj.png" alt="">
                白菜价
            </a>
            </li>
        </ul>     
        <ul>
            <li id="overseas">
                <a href="./pages/save.html">
                <img src="./assets/images/haitao.png" alt="">
                海港折扣
            </a>
            </li>
            <li id="coupon">
                <a href="./pages/coupon.html"> 
                <img src="./assets/images/ic_temai.png" alt="">
                优惠券
            </a>
            </li>
            <li id="history">
                <a href="">
                <img src="./assets/images/ic_trend.png" alt="">
                查历史价
            </a>
            </li>
            <li class="more">
                <a href="">
                <img src="./assets/images/gengduo.png" alt="">
                更多
            </a>
            </li>
        </ul>   
        <ul  class="san">
            <li id="collect">
                <a href="./pages/coudan.html">
                <img src="./assets/images/ic_coudanpin.png" alt="">
                凑单品
            </a>
            </li>
            <li id="kbrank">
                <a href="">
                <img src="./assets/images/ic_kb.png" alt="">
                口碑排行
            </a>
            </li>
            <li id="navigation">
                <a href="./pages/shopNav.html">
                <img src="./assets/images/ic_mall.png" alt="">
                商城导航
            </a>
            </li>
            <li id="brand">
                <a href="./pages/brand.html">
                <img src="./assets/images/ic_pp.png" alt="">
                品牌大全
            </a>
            </li>
        </ul>     
    </div>

    <div class="recommend">
        <p>超值折扣推荐</p>
        <span>></span>
    </div>

    <ul class="recommendshopping">
        
    </ul>
    
    <div class="yh">
        <a href="./pages/save.html">更多优惠信息>> </a>
    </div>



    <footer>
        <div>
            <p>品牌排行</p>
            <span>></span>
        </div>
        <div>
            <ul>
                <li>登录</li>
                <li>注册</li>
                <li class="back">↑返回顶部</li>
            </ul>
            <p>手机app下载 慢慢买手机版</p>
        </div>
       
    </footer>
    
    
    <script type="text/javascript" src="./js/index.js"></script>
</body>
</html>